<template>
    <div class="my-page">
        
        <!-- cell -->
        <div class="cell">
            <span>我的红包</span>
            <span>3个 ></span>
        </div>
        <div class="cell">
            <span>我的津贴</span>
            <span>¥20 ></span>
        </div>
        <router-link class="cell" to="/address">
            <span>我的地址</span>
            <span>></span>
        </router-link>
        <router-link class="cell" to="/collect">
            <span>我的收藏</span>
            <span>></span>
        </router-link>
        <div class="cell">
            <span>我的客服</span>
            <span>></span>
        </div>



        <!-- Tabbar组件 -->
        <Tabbar></Tabbar>
    </div>
</template>

<script>

export default {
    data(){
        return {

        }
    }
}
</script>
<style scoped >

.my-page .cell{
    text-decoration: none;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 0;
    margin: 0 20px;
}
</style>